vue 编辑
点击文字修改<div class="baseInfo"> <p class="title">基本信息</p> <p class="el-icon-folder-checked" @click="saveElement()" :plain="true">保存</p></div><div class="order_info" v-for="item in orderData" @click="ShowElement($event)"> <p><span>用户名：</span><span class=...
2024-01-10
vue 进阶
Vue.js进阶学习课程，以命令行的方式开发您的应用程序。课程详细课程介绍命令行安装各种项目模板webpack模板工程引入Bootstrap4使用Ajax库-axios自定义css样式组件的结构工程的结构路由知我心路由初体验动态路由嵌套路由路由也编程多路由拼图URL重定向多参数路由课程文件https://gitee.com/ko...
2024-01-10
vue 修饰符
修饰符，对于一个程序员来说并不陌生，现在让我们一起来收集一些我们常用的一些修饰符吧！记住这些修饰符，并且用起来，保证可以让你在开发项目中节省更多时间，写代码过程中更加方便。表单修饰符在我们 在我们通常写登录页面，或者关于 input 框 文本框的时候，就该用到的双...
2024-01-10
vue 快速开发
1，父组件直接传参，给子组件webpack 相关vue 单文件<template> </template><script> </script><style scoped> </style> webpack 使用vue vue-router 的使用...
2024-01-10
vue 报错总结
关闭vue-cli 默认eslint规则：找到 build -> webpack.base.config.js ，删除箭头指向代码1、Newline required at end of file but not found 翻译：文件末尾需要换行符，但找不到。末尾要空一行 ...
2024-01-10
vue 顶部导航
<template> <div class="app"> <div id="NavSlide"> <nav> <img src="../assets/img/logo.png"/> <p @click="toggle()...
2024-01-10
vue 分页手写
<template> <div > <nav-con ></nav-con> <div class="container" :class="{'container-ipx': ipx,'container-iphone': iphone}" > <ul class="list" ref="list"> <li v-for="(i,index) in list" :key="index"> ...
2024-01-10
vue 错误拦截
//系统错误捕获const errorHandler = (error, vm) => { console.error('抛出全局异常'); request({ method: 'post', url: 'api/index/errorLogCollect', data: { k: getCookie("k"), time: new Date().getTime(), userip: returnCitySN["cip"], error: JSO...
2024-01-10
vue 导航问题
后台数据如下这是我前台导航我想鼠标滑过手机 下面只显示出 手机里面的group就是这样子的回答先在顶部循环出title列表，然后在每个元素上绑定data-id，再父级添加移入@mouseover、移出事件@mouseleave；下面手机则写一个定位盒子，并且上面移入展示、移出隐藏；当@mouseover移入时，获取当前元素的data-...
2024-01-10
vue 错误分析
1 点击事件发生的错误 原因是，重复触发事件函数导致 改为不一样的名字即可2 提示 ： “ vuex] Expects string as the type, but found undefined ” 一般为名称对应不一致所致，仔细检查名字...
2024-01-10
vue 锚点定位
vue 锚点定位<template> <div class="details"> <div class="wrapper w"> <div class="benefit"> <div class="benfit-left">//这个是页签 <div class="benefit-cell" ref="searchBar" :class="{\'fixed\': searchBarFixed}"> <div class="benefit-cell-title tabs"> ...
2024-01-10
vue —— 监听
vue的监听用途很大比如：通过数据的值的变化，执行某个方法首先：data中要有个变量初始值finalTotalAmount的初始值是0我们想当finalTotalAmount值发生变化时，执行函数getAmount 获取最新的数据 即可以在watch中，监听data中amountResp.finalTotalAmount的值监听数据的方法中，参数val是监听对象的最新值，oldval是...
2024-01-10
vue 实现分页
1 新建 pager.js 文件/** * [pagination 分页组件] * @param {Number} total [数据总条数] * @param {Number} display [每页显示条数 default:10] * @param {Number} current [当前页码 default:1] * @param {Number} pagegroup [分页条数(奇数) default:5] * @param {Event} page...
2024-01-10
vue 遇到的报错
[Vue warn]: Invalid default value for prop "dataParams": Props with type Object/Array must use a factory function to return the default value. 翻译：（props default 数组／对象的默认值应当由一个工厂函数返回） 错误代码：dataParams:{ type:Object, default: {},},解决方法： default() { retu...
2024-01-10
vue 幸运大转盘
本文转载自： https://blog.csdn.net/landl_ww/article/details/78467991源码地址： https://github.com/ljy15802316943/lucky-wheel.git查看效果图...
2024-01-10
vue 请求图片方法
node的每一个文件，都是一个域，那么里面所有的变量都不允许被外界引用，除非导出。要使用外界的变量，也必须使用导入的方式来导入。import 文件路径。css可以直接使用import +文件路径导入通用导入：import name form “文件路径”导入图片的方式：require（‘图片地址’）变量导出：export default 变量...
2024-01-10
vue 关于导航守卫
每个守卫方法接收三个参数：to: Route: 即将要进入的目标 路由对象from: Route: 当前导航正要离开的路由next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数beforeRouteEnter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `th...
2024-01-10
vue 问题集合||
vuex 面包屑问题 可以利用vuex 加路由meta, 每次beforeEach手动concatvue样式条件判断文本选中 选项卡样式处理 <li @click="tab = 'a'" :class="{action: tab === 'a'}"></li> data { tab:'a' }vue新加图片找不到 ...
2024-01-10
vue 实时编译问题
现在我使用 @vue/cli 4.5.13 创建项目因为业务需求要实时进行编译。 使用如下命令yarn run build --watch 但是现在遇到如下问题。就是在每次重新编译的时候我需要往一个文件里面写入一个字符串fs.appendFileSync('./build.log', `${new Date()}\n`,() => { console.log('写入成功')})这个脚本我...
2024-02-22
vue 问题集合 |
vue做类似选项卡 点击改变curIndex , 选项内容显示用 v-show="$index == curIndex"current-view.sync ??vue 和 weppack理念冲突??connect-history-fall-back 与地址栏 路由 点击后 激活 active 样式ajax图片数据需要在method方法绑定vue如何实现列表滚动条位置不变, 详情页...
2024-01-10
vue 數據假分頁？
我在網上查到的都是打API那種取數據分頁那假設數據直接寫在前端呢？這樣我能怎麼樣做數據的分頁功能？想不太透呢有請大神解說data() { return { realWebItems: [], pageSize: 5, } },this.webItems.forEach((res, index) => { if (index + 1 <= th...
2024-02-28
vue 图片404问题
img标签，当src的url404时1、使用默认图片代替<img style="margin-left: 40px;width: 130px;height: 130px;" :src="url" @error="nofindImg()"/> nofindImg(){ let img = event.srcElement; img.src = "../../../static/404.png"; img.onerror = null; //防止一直跳动 },2、not...
2024-01-10
vue 全选与取消全选
vue 全选与取消全选所用知识点1 v-model：监听input内容2 watch:监听属性方法参考https://cn.vuejs.org/v2/api/#watch3 页面初始化调用函数 mounted一：html元素实现思路1 v-model 一个收集所有input（除全选框外）数组checkModel ，vue会动态将其checked为true的input的value值存入数组checkModel里2 watch函数来监听checkModel 属性...
2024-01-10
vue 默认展开详情页
1 { 2 path: '/Tree', 3 component: Tree, 4 children: [ 5 { 6 path: '/', 7 component: Come 8 } 9 ]10 }...
2024-01-10
vue 阅读一【待完结】
初步方案：从第一个commit开始到到最近的commit，从代码的大纲开始到细节，利用思维导图。注意： 源码阅读是一件比较枯燥的事情，要有别的东西一起做，源码只是偶尔看看，经常发呆的话，非常浪费时间。写在前面： 阅读源码并不能产生什么实际的价值，而阅读的源码的过程中，你学到的思路，...
2024-01-10
